<!DOCTYPE html>
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>
<html>
<head>
<title>Finple :: 다수간 모임 일정 결정 서비스</title>
<link href="/Finple/css/bootstrap.css" rel="stylesheet" media="screen" />
<link href="/Finple/css/index.css" type="text/css" rel="stylesheet" />
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" type="text/css" rel="stylesheet" />

<script src="/Finple/js/bootstrap.min.js"></script>
<script src="/Finple/js/css3-mediaqueries.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
<script>
	$(function() {
		$("#datepicker").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>
<script>
<!--
	function getdate() { //날짜 전달 함수_ id가 date인 input 태그의 value값을 저장한다. submit에서 불려진다
		var namee = document.getElementById("datepicker");
		document.getElementById("date").value = namee.value;
	}
//-->
</script>
<script type="text/javascript">
	//페이스북 초기화 
	window.fbAsyncInit = function() {
		FB.init({
			appId : '206685489478996',
			status : true,
			cookie : true,
			xfbml : true
		});
	};
	(function() {
		var e = document.createElement('script');
		e.type = 'text/javascript';
		e.src = document.location.protocol + '//connect.facebook.net/ko_KR/all.js';
		e.async = true;
		//document.getElementById('fb-root').appendChild(e);
	}());

	//ID에 대한 사용자 정보 출력
	function showUserInfo(id) {
		FB
				.api(
						{
							method : 'fql.query',
							query : 'SELECT name, pic_square FROM user WHERE uid=' + id
						},
						function(response) {
							document.getElementById('userInfo').innerHTML += ('<img src="' + response[0].pic_square + '"> ' + response[0].name);
						});
	}
</script>
<decorator:head />
</head>
<body>
	<div class="container">
		<!-- <b>Navigation</b> -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<!-- <a class="brand" href="/Finple/index.jsp"><img src="/Finple/image/logo.png" style="width: 200; height: 40" /></a> -->
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li class="active"><a href="/Finple/index.jsp">Home</a></li>
							<li><a href="/Finple/data/menu.jsp#about">About</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Content <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">Action</a></li>
									<li><a href="#">Another action</a></li>
									<li><a href="#">Something else here</a></li>
									<li class="divider"></li>
									<li class="nav-header">Nav header</li>
									<li><a href="#">Separated link</a></li>
									<li><a href="#">One more separated link</a></li>
								</ul></li>
						</ul>
						<form class="navbar-form pull-right">
							<p></p>
							<p>
								<!-- 로그인한 이름 -->
								<fb:name uid="loggedinuser" use-you="no"></fb:name>
								<fb:login-button autologoutlink="true"></fb:login-button>
							</p>
							<!-- 페이스북 로그인 버튼 -->
							<div id="fb-root"></div>
							<!-- <input class="span2" type="text" placeholder="Email" /><input class="span2" type="password" placeholder="Password" />
							<button type="submit" class="btn">Sign in</button> -->
						</form>
					</div>
				</div>
			</div>
		</div>
		<%
			String[] requestUri = request.getRequestURI().split("/");
			if (requestUri[requestUri.length - 1].equals("index.jsp")
					|| requestUri[requestUri.length - 1].equals("Finple")) {
		%>
		<div class="hero-unit">
			<p>
				<img src="/Finple/image/logo2.png" />
			</p>
			<p>
				그동안 약속 시간 잡기 어려우셨죠? <br /> Finple(핀플)은 여러 사람들이 만나는 약속을 누구나 아주 간단하게 계획할 수 있게 도와줍니다.<br /> 지금 바로 약속을 만들어 보세요 !
			</p>
		</div>
		<%
			}
		%>
		<br />
		<br />
		<decorator:body />
		<hr />
		<div id="bottom" align="center">
			<p>2013 Adv. web programming GUU</p>
			<p>정성헌, 황우성, 강연이</p>
		</div>
	</div>
</body>
</html>